{% extends 'base.html' %}
{% load static %}

{% block content %}
<style type="text/css" media="screen" id="test">
	.ban-img{
		width:90%
	}
	.back{
		padding: 5px;
		background-color: #EFEFEF;
	}
	.content{
		border-radius:5px;
		border: 1px solid #D9D9D9;
		background-color: white;
		margin-bottom:10px;
		padding: 5px;
	}
	.short_dsp{
		color: black;
	}
</style>

<div class='back'>
	{% for page in pages %}
	<div class='content'>
		<div class="media">
		  <div class="media-left">
		    <a href="#">
		      <img class="media-object" src="{% get_media_prefix %}/{{page.title_img}}" alt="..." width='150px' height='100px'>
		    </a>
		  </div>
		  <div class="media-body">
			<a href="{{mobile_url}}{{page.pk}}" class='short_dsp'>
		    <h4 class="media-heading">{{page.title}}</h4>
		    <p style='margin-top:5px;'>
		    {{page.short_dsp}}
		    </p>
		    
		  	</div>
		   </a>
		</div>
	</div>
	
	{% endfor %}
</div>


{% endblock %}